﻿{% extends "meetup_frame.html" %}
{% block title %}
注册相聚网
{% endblock %}

{% block content %}
	{% if failed %}
  <div class="error_mesage">
    <table width="452" border="0">
      <tr>
        <td width="41" valign="top"><img src="/static/img/exclamation.GIF" width="30" height="30" /></td>
				<td width="401">{{errmsg|safe}}</td>
      </tr>
    </table>
  </div>
	{% endif %}

  <form method="post" action="">
  <div class="biaoti3">
    <p>相聚网是通过网络让您认识志趣相投的朋友，通过这个平台您可以分享您的兴趣、心情、快乐；结识更多的新朋友。通过网络让您远离网络，消除网络的隔绝，活到真实的世界中。</p>
    <div>
	    <h1>加入相聚网很简单</h1> <p>已经是会员？<a href="/accounts/login">登录</a></p>
    </div>
    <div></div>
    <div class="biaoti5">
      <p>您的姓名： </p>
        <label></label>
				<table><tr>
						<td>
							<input type="text" name="name" value="{{form.name.data|default:""}}"/>
						</td>
						<td class="error">
							{% if form.name.errors%}<li>{{form.name.errors.0}}</li>{% endif %}
						</td>
				</tr></table>
	<p></p>	
    </div>
    <div class="biaoti5">
      <p>您的Email: </p>
        <label></label>
				<table><tr>
						<td>
							<input type="text" name="email" value="{{form.email.data|default:""}}"/>
						</td>
						<td class="error">
							{% if form.email.errors%}<li>{{form.email.errors.0}}</li>{% endif %}
						</td>
				</tr></table>
      <p></p>	
    </div>
    <div></div>
    <div class="biaoti5">
      <p>设置相聚网密码：</p>
        <label>
				<table><tr>
						<td>
							<input type="password" name="password" value="{{form.password.data|default:""}}" />
						</td>
						<td class="error">
							{% if form.password.errors%}<li>{{form.password.errors.0}}</li>{% endif %}
						</td>
				</tr></table>
        </label>
      <p></p>	
    </div>
    <div class="biaoti5">
      <p>居住城市：</p>
        <label>
          <select name="city" id="id_city">
            <option value="北京" selected="selected">北京</option>
          </select>
        </label>
        <label>
          <select name="district" id="id_district">
	    <option value="海淀区">海淀区</option>
            <option value="朝阳区">朝阳区</option>
          </select>
        </label>
      <p></p>	
    </div>
    <p>相聚网服务条款</p>
      <label>
        <input type="submit" name="Submit" value="同意条款，立即注册" />
      </label>
  </div>
</form>
  <script type="text/javascript">
	  document.getElementById('id_district').value = "{{form.district.data|default:"海淀区"}}";
  </script>
{% endblock %}
